<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>realme-所有商品</title>
    <link rel="stylesheet" href="css/list_css.css">

</head>
<body>
<!--<div class="header">-->
<!--    <div class="wrapper">-->
<!--            <a href="#"><img src="img/realme_icon.png"></a>-->
<!--            <div id="nav">-->
<!--                <dl>-->
<!--                <dd><a href="https://www.realme.com/cn/realme-gt-neo-2t">真我GT Neo2T</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/realmeow">真奇喵</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/realmeow">手机</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/realmeow">AIoT</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/realme-phones">所有产品</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/realme-phones">品牌</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/support">服务</a></dd>-->
<!--                <dd><a href="https://www.realmebbs.com">社区</a></dd>-->
<!--                <dd><a href="https://www.realme.com/cn/app-download">APP</a></dd>-->
<!--            </dl></div>-->
<!--        <div class="nav-right"><a href="#"><img src="img/personality.png"></a>-->

<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div id="img_ad">
    <img src="img/title_ad.jpg">
</div>
<div class="anchor">
    <ul>
        <li><a href="#img_ad">全部商品</a></li>
        <li><a href="#phones">手机</a></li>
        <li><a href="#equipments">配件&周边</a></li>
    </ul>
</div>
<div class="phone-group">
    <h2 id="phones">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;手机</h2>
    <div class="phones-list">
        <ul>
            <li >
                <div class="phone-img">
                    <input type="image" src="img/phone_1.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #F6F6F6 0%, #D7D7D7 100%);"></span>
                    <span style="background: linear-gradient(141deg, #898989 0%, #191919 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_2.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #281F95 0%, #7E94DC 50%, #281F95 100%);"></span>
                    <span style="background: linear-gradient(141deg, #CDE1E9 0%, #FFF2EE 50%, #E9CDF2 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_3.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(90deg, #FCF1D5 0%, #82D9F2 51%, #4F9FF3 100%);"></span>
                    <span style="background: linear-gradient(90deg, #DEF789 0%, #9ABE42 100%);"></span>
                    <span style="background: linear-gradient(90deg, #9CA4AB 0%, #3F474E 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_4.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #A6A4C7 0%, #D1D0E8 50%, #8481B0 100%);"></span>
                    <span style="background: linear-gradient(141deg,#3F3B3B 0%, #B3B0B0 50%, #130F0F 100%);"></span>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="img-banner">
    <img src="img/watch_ad.jpg">
</div>
<div class="phone-group">
    <h2 id="equipments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;配件&周边</h2>
    <div class="phones-list">
        <ul>
            <li >
                <div class="phone-img">
                    <input type="image" src="img/phone_1.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #F6F6F6 0%, #D7D7D7 100%);"></span>
                    <span style="background: linear-gradient(141deg, #898989 0%, #191919 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_2.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #281F95 0%, #7E94DC 50%, #281F95 100%);"></span>
                    <span style="background: linear-gradient(141deg, #CDE1E9 0%, #FFF2EE 50%, #E9CDF2 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_3.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(90deg, #FCF1D5 0%, #82D9F2 51%, #4F9FF3 100%);"></span>
                    <span style="background: linear-gradient(90deg, #DEF789 0%, #9ABE42 100%);"></span>
                    <span style="background: linear-gradient(90deg, #9CA4AB 0%, #3F474E 100%);"></span>
                </div>
            </li>
            <li>
                <div class="phone-img">
                    <input type="image" src="img/phone_4.png">
                </div>
                <div class="phone-name">
                    <p>真我GT Neo2T</p>
                </div>
                <div class="phone-price">
                    <p>￥2,099</p>
                </div>
                <div class="phone-color">
                    <span style="background: linear-gradient(141deg, #A6A4C7 0%, #D1D0E8 50%, #8481B0 100%);"></span>
                    <span style="background: linear-gradient(141deg,#3F3B3B 0%, #B3B0B0 50%, #130F0F 100%);"></span>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="bottom-start">
            <div class="wrapper">
            <div style="display: flex; justify-content: space-around;margin-top: 40px">
                <div class="bottom-service">
                    <div class="qitian"><img src="img/calender.png">
                    </div>
                    <p>七天无理由退货</p>

                </div>
                <div class="bottom-service">
                    <div class="qitian"><img src="img/package.png">
                    </div>
                    <p>手机30天换货保障</p>
                </div>
                <div class="bottom-service">
                    <div class="qitian"><img src="img/cash.png">
                    </div>
                    <p>满79包邮</p>
                </div>
                <div class="bottom-service">
                    <div class="qitian"><img src="img/right.png">
                    </div>
                    <p>正品保障</p>
                </div>
            </div>

        </div>
</div>
<div class="bottom-middle">
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">推荐产品</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">真我GT Neo2T</a></li>
            <li><a href="#">真我Q3s</a></li>
            <li><a href="#">真我GT Neo2 5G</a></li>
            <li><a href="#">真我GT 大师探索版 5G</a></li>
            <li><a href="#">真我GT Neo 闪速版 5G </a></li>
            <li><a href="#">真我 GT 5G</a></li>
            <li><a href="#">真我Q3 Pro 5G</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">服务支持</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">配送方式</a></li>
            <li><a href="#">服务政策</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">故障排除</a></li>
            <li><a href="#">预装应用公示</a></li>
            <li><a href="#">R码通道</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">关于我们</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">关于realme</a></li>
            <li><a href="#">ColorOS官网</a></li>
            <li><a href="#">realme社区</a></li>
            <li><a href="#">加入我们</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <h2 class="bottom-menu-title">联系我们</h2>
        <ul class="bottom-menu-list">
            <li><a href="#">service.cn@realme.com</a></li>
        </ul>
    </div>
    <div class="bottom-menu">
        <div class="bottom-middle-menu-phone"><a href="#">400-628-0066</a></div>
        <div class="bottom-middle-menu-time">8:00-20:00，周一至周日</div>
        <div class="bottom-middle-menu-client"><a><img src="img/client.png">在线客服</a></div>
        <div class="bottom-middle-menu-time">9:00-22:00，周一至周日</div>
        <div class="bottom-middle-menu-social">
            <div class="bottom-middle-menu-wechat"> <a><img src="img/WeChat.png"></a></div>
            <div class="bottom-middle-menu-weibo"><a><img src="img/weibo.png"></a>
            </div>
        </div>
    </div>
</div>

</body>
</html>